const { resolve } = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports = {
    /*
    entry: 入口起点
        1. string --> './src/index.js'
        单入口
        打包形成一个chunk。 输出一个bundle文件。
        此时chunk的名称默认是 main
        2. array  --> ['./src/index.js', './src/add.js']
        多入口
        所有入口文件最终只会形成一个chunk, 输出出去只有一个bundle文件。
            --> 只有在HMR功能中让html热更新生效~
        3. object
        多入口
        有几个入口文件就形成几个chunk，输出几个bundle文件
        此时chunk的名称是 key

        --> 特殊用法
            {
            // index中所有入口文件最终只会形成一个chunk, 输出出去只有一个bundle文件。
            index: ['./src/index.js', './src/count.js'], 
            // 形成一个chunk，输出一个bundle文件。
            add: './src/add.js'
            }
    */
    entry:{
        app:'./src/js/main.js',
        vendors:'./src/js/vendors.js'
    },
    output:{
        filename:'./js/[name].bundle.js',
        path:resolve(__dirname,'./dist'),
    },
    module:{
        rules:[

        ]
    },
    plugins:[
        new HtmlWebpackPlugin({
            template : './src/index.html'
        })
    ],
    mode:'development'
}
